<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>极果</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <!-- 网页头部 -->
    <header>
        <div class="top center-wrap clearfix">
            <div class="logonew">
                <img src="./img/logonew.png" alt="">
            </div>
            <ul class="clearfix">
                <li><a href="#">首页</a></li>
                <li><a href="./play/play.html">酷玩</a></li>
                <li><a href="#">导购</a></li>
                <li><a href="#">试用</a></li>
                <li><a href="#">报告</a></li>
            </ul>
            <a href="#" class="search">
                <img src="./img/search.png" alt="">
            </a>
            <a href="#" class="regist">注册</a>
        </div>
    </header>

    <div class="banner">
        <img src="./img/original.jpg" alt="">
        <div class="box center-wrap">
            <p class="tit">幻响小贝HiFi2.1音箱</p>
            <p>
                <span><em>1</em>人申请</span>
                <span>￥<em>2</em></span>
                <span><em>3</em>台</span>
            </p>
            <p>申请时间剩余：13天5小时37分钟</p>
            <button>立即申请</button>
        </div>
    </div>
    <div class="hotTry center-wrap">
        <p class="hot_title">热门试用</p>
        <ul>
            <li class="first_public">
                <a href="#">
                    <img src="./img/hot9.jpg" alt="">
                    <!-- describe描述 -->
                    <p class="describe">巴慕达 The Toaster 烤面包机</p>
                    <p class="num"><span><em>2023</em></span>
                        <span><em>20</em>台</span>
                    </p>
                    <p><span class="apply">1392</span>申请</p>
                    <p class="time">剩余时间<em>2</em>天</p>
                </a>
            </li>
            <li class="taste">
                <a href="#">
                    <img src="./img/hot9.jpg" alt="">
                    <!-- describe描述 -->
                    <p class="describe">巴慕达 The Toaster 烤面包机</p>
                    <p class="num"><span><em>2023</em></span>
                        <span><em>20</em>台</span>
                    </p>
                    <p><span class="apply">1392</span>申请</p>
                    <p class="time">查看试用名单</p>
                </a>
            </li>
            <li class="first_public">
                <a href="#">
                    <img src="./img/hot9.jpg" alt="">
                    <!-- describe描述 -->
                    <p class="describe">巴慕达 The Toaster 烤面包机</p>
                    <p class="num"><span><em>2023</em></span>
                        <span><em>20</em>台</span>
                    </p>
                    <p><span class="apply">1392</span>申请</p>
                    <p class="time">剩余时间<em>2</em>天</p>
                </a>
            </li>
            <li class="first_public">
                <a href="#">
                    <img src="./img/hot9.jpg" alt="">
                    <!-- describe描述 -->
                    <p class="describe">巴慕达 The Toaster 烤面包机</p>
                    <p class="num"><span><em>2023</em></span>
                        <span><em>20</em>台</span>
                    </p>
                    <p><span class="apply">1392</span>申请</p>
                    <p class="time">剩余时间<em>2</em>天</p>
                </a>
            </li>
        </ul>
        <button class="leftBtn"></button>
        <button class="rightBtn"></button>
    </div>
    <div class="report">
        <div class="center-wrap">
            <p class="report_title clearfix">报告精选<a href="#">查看更多<img src="./img/readMore.png" alt=""></a></p>
            <ul>
                <li>
                    <a href="#">
                        <img src="./img/re1.jpg" alt="">
                        <p class="txt">空气净化器里面学问多得惊呆你，你选对了吗？</p>
                        <p class="clearfix">
                            <span class="uname">● 苏苏</span>
                            <span class="zan"><span><img src="./img/zan.png" alt=""></span>3</span>
                            <span class="reply"><span><img src="./img/reply.png" alt=""></span>3</span>
                        </p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./img/re1.jpg" alt="">
                        <p class="txt">空气净化器里面学问多得惊呆你，你选对了吗？</p>
                        <p class="clearfix">
                            <span class="uname">● 苏苏</span>
                            <span class="zan"><span><img src="./img/zan.png" alt=""></span>3</span>
                            <span class="reply"><span><img src="./img/reply.png" alt=""></span>3</span>
                        </p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./img/re1.jpg" alt="">
                        <p class="txt">空气净化器里面学问多得惊呆你，你选对了吗？</p>
                        <p class="clearfix">
                            <span class="uname">● 苏苏</span>
                            <span class="zan"><span><img src="./img/zan.png" alt=""></span>3</span>
                            <span class="reply"><span><img src="./img/reply.png" alt=""></span>3</span>
                        </p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./img/re1.jpg" alt="">
                        <p class="txt">空气净化器里面学问多得惊呆你，你选对了吗？</p>
                        <p class="clearfix">
                            <span class="uname">● 苏苏</span>
                            <span class="zan"><span><img src="./img/zan.png" alt=""></span>3</span>
                            <span class="reply"><span><img src="./img/reply.png" alt=""></span>3</span>
                        </p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./img/re1.jpg" alt="">
                        <p class="txt">空气净化器里面学问多得惊呆你，你选对了吗？</p>
                        <p class="clearfix">
                            <span class="uname">● 苏苏</span>
                            <span class="zan"><span><img src="./img/zan.png" alt=""></span>3</span>
                            <span class="reply"><span><img src="./img/reply.png" alt=""></span>3</span>
                        </p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./img/re1.jpg" alt="">
                        <p class="txt">空气净化器里面学问多得惊呆你，你选对了吗？</p>
                        <p class="clearfix">
                            <span class="uname">● 苏苏</span>
                            <span class="zan"><span><img src="./img/zan.png" alt=""></span>3</span>
                            <span class="reply"><span><img src="./img/reply.png" alt=""></span>3</span>
                        </p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./img/re1.jpg" alt="">
                        <p class="txt">空气净化器里面学问多得惊呆你，你选对了吗？</p>
                        <p class="clearfix">
                            <span class="uname">● 苏苏</span>
                            <span class="zan"><span><img src="./img/zan.png" alt=""></span>3</span>
                            <span class="reply"><span><img src="./img/reply.png" alt=""></span>3</span>
                        </p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./img/re1.jpg" alt="">
                        <p class="txt">空气净化器里面学问多得惊呆你，你选对了吗？</p>
                        <p class="clearfix">
                            <span class="uname">● 苏苏</span>
                            <span class="zan"><span><img src="./img/zan.png" alt=""></span>3</span>
                            <span class="reply"><span><img src="./img/reply.png" alt=""></span>3</span>
                        </p>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <script src="./json/jquery.min.js"></script>
    <!-- <script src="./js/index_hot.js"></script> -->

    <!-- 网页底部 -->
    <footer>
        <div class="center-wrap clearfix top">
            <div class="code">
                <img src="./img/code.png" alt="">
            </div>
            <div class="logoImg">
                <img src="./img/logoImg.jpg" alt="">
                <p>全球酷玩试用导购平台酷·新奇·好玩·品质</p>
                <p>微信添加"JguoJguo"获取我们的服务。</p>
            </div>
            <dl>
                <dt>免费试用</dt>
                <dd><a href="#">试用流程</a></dd>
                <dd><a href="#">如何提高成功率</a></dd>
            </dl>
            <dl class="friendLink">
                <dt>友情链接</dt>
                <dd><a href="#">智东西</a></dd>
                <dd><a href="#">WEIBUSI</a></dd>
                <dd><a href="#">搜狐IT</a></dd>
                <dd><a href="#">腾讯科技</a></dd>
                <dd><a href="#">搜狐数码</a></dd>
                <dd><a href="#">凤凰科技</a></dd>
                <dd><a href="#">凤凰数码</a></dd>
                <dd><a href="#">PConline</a></dd>
                <dd><a href="#">泡泡网</a></dd>
                <dd><a href="#">3W咖啡</a></dd>
                <dd><a href="#">ZUK社区</a></dd>
                <dd><a href="#">亿觅emie</a></dd>
                <dd><a href="#">极客公园</a></dd>
                <dd><a href="#">易迅易启玩</a></dd>
                <dd><a href="#">果库</a></dd>

            </dl>
            <dl>
                <dt>购买攻略</dt>
                <dd><a href="#">美亚海淘教程</a></dd>
                <dd><a href="#">日亚海淘教程</a></dd>
                <dd><a href="#">海淘转运攻略</a></dd>
                <dd><a href="#">kickstarter 众筹购买攻略</a></dd>
                <dd><a href="#">indiegogo 众筹购买攻略</a></dd>
            </dl>
            <dl>
                <dt>厂商合作</dt>
                <dd><a href="#">关于极果</a></dd>
                <dd><a href="#">联系我们</a></dd>
                <dd><a href="#">商务合作：BD@jiguo.com</a></dd>
                <dd><a href="#">CEO邮箱：CEO@jiguo.com</a></dd>
            </dl>
        </div>
        <p class="banquan center-wrap">&copy;2016 极果版权所有</p>
    </footer>
</body>

</html>